<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>课程考试系统</title>
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/bootstrap-theme.css" rel="stylesheet">
    <link href="./css/font-awesome.css" rel="stylesheet">
    <link href="./css/main.css" rel="stylesheet">


</head>
<body class="login-body">
<div class="login-container container clearfix">
    <form class="form-login" action="manager!login.action">

        <h2>
            <a href="./index.html" class="fa fa-home"></a>
            课程考试系统 后台入口
        </h2>
        <div class="form-group">
            <input type="text" placeholder="用户名" id="username" class="form-control" 
				required="required" name="admin.name">
            <i class="form-login-icon fa fa-user"></i>
        </div>
        <div class="form-group">
            <input type="text" placeholder="密码" id="password" class="form-control" 
				required="required" name="admin.password">
            <i class="form-login-icon fa fa-lock"></i>
        </div>
        <div class="tooltip bottom">
            <div class="tooltip-arrow">

            </div>
            <div class="tooltip-inner">

            </div>
        </div>
        <input class="btn btn-normal btn-login" type="submit" id="loginBtn" tabindex="4" value="登录">
        <hr class="login-hr">
        <p class="reg">
            教师登录？
            <a href="teacherlogin.html">教师入口</a>
            <br>
            学生登录？
            <a href="studentlogin.html">学生入口</a>
        </p>
    </form>
</div>

<script src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>

<script>
	
    $("#loginBtn").click(function (){
		if ( $("#username").val()!='' && $("#password").val()!='') $("#tip").show();
    });
</script>

</body>
</html>